<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>博客管理系统</title>
<link rel="stylesheet" href="css/login.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
</head>
<body class="login-bg">
	<canvas id="fullstarbg">你的浏览器不支持canvas标签</canvas>
	<div class="login">
		<div class="message">博客系统登录</div>
		<div id="darkbannerwrap"></div>
		<form id="form_login" method="post" class="layui-form"
			onsubmit="return false;">
			<input name="username" placeholder="用户名" type="text"
				lay-verify="required" class="layui-input">
			<hr class="hr15">
			<input name="password" lay-verify="required" placeholder="密码"
				type="password" class="layui-input">
			<hr class="hr15">
			<input value="登录" onclick="login()" lay-submit lay-filter="login"
				style="width: 100%;" type="submit">
			<hr class="hr20">
		</form>
	</div>
	<script>
            layui.use(['form'],
            function() {
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;
                /* //监听提交
                form.on('submit(login)',
					function(data) {
						window.location.href = "index.html";	
						return false;
					}
				); */
            });
            function login(){
            	$.post("../backlogin",$("#form_login").serialize(),function(res){
            		if (res.code == "0") {
        				var u = JSON.stringify(res.data);
        				localStorage.setItem("use",u);
        				window.location.href="index.html";
        			}else{
        				alert("账号或密码错误");
        			}
            	},"json");
            }
        </script>


	<!-- 底部结束 -->

</body>
</html>